﻿@charset "utf-8";
/* CSS Document */
/*模板页面样式*/
* {margin:0;	padding:0;}
body {color:#51504D;font:14px/28px Microsoft YaHei, Verdana, Geneva, sans-serif;background-position: top center;}
ol, ul ,li{list-style: none outside none;}
img {border:none;}

/*前台a标签样式*/
a:link, a:visited {color: #444444;text-decoration: none;	outline:none;}
a:hover, a:active {color: #444444;text-decoration: none;	outline:none;}
.clear{ clear:both;}
.wwrap{width:1200px;margin:0 auto;}

/******************************************/
.container{width:1280px; margin:0 auto;}
#header{ width:1280px; margin:0 auto; height:98px; margin-top:2px;}
.jjmenu{ height:45px; background-color:#004AAF; margin-top:10px; clear:both;}
.menunei{ width:1280px; margin:0 auto; height:45px;}
.menunei a{ float:left; width:120px; margin-right:0px; height:45px; line-height:45px;  font-size:16px;display:block; text-decoration:none; color:#FFF; padding:0 20px;text-align: center;background: url(../images/xian.jpg) no-repeat left center;}
.menunei a:hover{ background-color:#FF0000;}	


/*! Banner */
#banner{height:600px;}
#banner .slick-slide{height:150px;background-position:center center;background-size:cover;}
#banner .camera_caption{text-align:center;}
#banner .slick-dots li{position:relative;display:inline-block;list-style-type:none;height: 20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}
#banner .slick-dots li button{background: rgba(255,255,255,0.63);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; font-size:0;}
#banner .slick-dots li.slick-active button{background:#DD2F2F;}
#banner button.slick-prev,#banner button.slick-next{display:none !important;}
#banner .bannerpic{height:100%;background-size:cover;background-position: center center;}


/*iititle*/
.iititle{height:82px;text-align: center;margin: 20px auto 10px;width: 448px;position: relative;} 
.iititle .p1{width:200px;height:38px; line-height: 38px;border:1px solid #999999;display: inline-block;}
.iititle .p1 h2{ font-size:18px;font-family:'Microsoft YaHei';display: inline-block;}
.iititle p.p2{height:41px;font-size:16px;font-family:'Times New Roman';}
.iititle span.sp1{ position: absolute; left: 18px; top: 20px;}
.iititle span.sp2{ position: absolute; right: 18px; top: 20px;}

/*ourpro*/
.ourpro{overflow: hidden;}
.ourpro li{width: 285px;height: 283px;overflow: hidden;float: left;margin-right: 20px;margin-bottom: 15px;position: relative;}
.ourpro li:nth-child(4n){margin-right:0}
.ourpro li .pic{ width: 285px;}
.ourpro li .pic img{width: 285px; height:215px;}
.ourpro li .bg{display:none;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 10px;}
.ourpro li .tit{width: 285px;height: 60px;position: absolute;bottom: 0px;left: 0;z-index: 2;background:#0658a7;}
.ourpro li .tit p{height: 60px;line-height: 60px;background: url(../images/nava.png) no-repeat center center;text-align: center;color: #fff;font-size: 16px;}
.ourpro li .tit p a{color: #fff;width: 280px;height: 60px; overflow:hidden;}
.ourpro li:hover .bg{ display:block;}
.ourpro li:hover .tit{ background:#0658a7;}

/*ourcase*/
.ourcase{ }
.ourcase li{width: 370px;float: left;margin-right: 45px;}
.ourcase li:nth-child(3n){margin-right:0}
.ourcase li .pic{width: 370px;height: 231px;overflow: hidden;}
.ourcase li .pic img{width: 370px;height: 231px;}
.ourcase li .tit{font-size: 16px;text-align: center;font-weight: bold;line-height: 42px;}
.ourcase li .tit a{ }
.ourcase li .jj{font-size: 13px;}
.ourcase li .time{font-size: 12px;}
/*ourcases*/
.ourcases{ }
.ourcases li{width: 135px;float: left;margin-right: 20px;}
.ourcases li:nth-child(6n){margin-right:0}
.ourcases li .pic{width: 135px;height: 115px;overflow: hidden;}
.ourcases li .pic img{width: 135px;height: 115px;}
.ourcases li .tit{font-size: 16px;text-align: center;font-weight: bold;line-height: 42px;}

/*ouradva*/
.ouradva{ }
.ouradva li{width: 260px;float: left;margin: 0 10px;padding: 10px;text-align: center;}
.ouradva li p.p1{font-size: 16px;font-family: 'Microsoft YaHei';}
.ouradva li p.p2{margin-top: 10px;}
.ouradva li p.pic{ }
.ouradva li p.pic img{ }

/*ourabout*/
.ourabout{ width:1200px;margin:0 auto;height:104px;text-align:center;}

/*ouradv*/
.ouradv{width:1200px;margin:0 auto;position:relative;height: 540px;}
.ouradv p{position: absolute;}
.ouradv p.p1{width: 383px;height: 393px;margin: auto;position: relative;top: 70px;}
.ouradv p.p2{top: 44px;left: 454px;}
.ouradv p.p3{top: 134px;left: 110px;}
.ouradv p.p4{top: 180px;right: 63px;}
.ouradv p.p5{bottom: 185px;left: 120px;}
.ouradv p.p6{bottom: 142px;right: 92px;}
.ouradv p.p7{bottom: 48px;left: 365px;}

/*service*/
.service{height: 285px; background: url(../images/b4.jpg) center center no-repeat; text-align: center;}
.service li{ display: inline-block;width:200px;}
.service li .pic{width:200px;margin-top: 60px;}
.service li .pic img{ width:108px;height:108px;}
.service li .txt{color: #FFFFFF;font-family: 微软雅黑;font-size: 15px;line-height:30px;margin-top: 20px;}

/*ournews*/
.ournews{ width:1200px;margin:0 auto;}
.ournews .news1{ float:left;width:620px;}
.ournews .news1 dl{overflow: hidden;border-bottom: 1px dotted #ccc;padding-bottom: 15px;}
.ournews .news1 dl dt{width: 200px;float: left;}
.ournews .news1 dl dt img{ width: 200px; height: 126px;}
.ournews .news1 dl dd{float: right;width: 400px;}
.ournews .news1 dl dd>a{ font-size: 16px;font-weight:bold;}
.ournews .news1 dl dd>p{ font-size: 14px; line-height: 20px !important; margin: 5px 0 5px; }
.ournews .news1 dl dd>span{ font-size:12px;}
.ournews .news1 dl dd>span>a{ float:right;}
.ournews .news1 ul{ }
.ournews .news1 ul li{line-height: 38px;height: 38px;padding-left: 15px;background: none;border-bottom: 1px dotted #CCC;background: url(../images/left_listicon.gif) no-repeat left center;}
.ournews .news1 ul li a{color: #545454;font-size: 14px;}
.ournews .news1 ul li span{margin-right: 5px;color: #999;float: right;color: #999;float: right;}
.ournews .news1 ul li:hover a{ font-weight: bold;color: #346200;}
.ournews .news2{ float:right;width:550px;}
.ournews .news2 dl{overflow: hidden;padding-bottom: 5px;border-bottom: 1px dotted #ccc;margin-bottom: 15px;}
.ournews .news2 dl dt{width: 110px;float: left;}
.ournews .news2 dl dt img{ width: 110px; height: 70px;}
.ournews .news2 dl dd{width: 546px;float: right;}
.ournews .news2 dl dd>a{font-size: 14px;line-height: 16px;font-weight:bold;}
.ournews .news2 dl dd>p{font-size:12px;line-height: 14px;margin-top: 5px;}
.ournews .news2 dl dd>span{display: block;font-size:12px;}
.ournews .news2 dl dd>span>a{ float:right;}

/*footer*/
.footer{background: #1b1c20;margin-top: 76px;padding: 15px 0 30px;position: relative;}
.footnav{position: relative;top: -40px;width: 960px;margin: 0 auto;}
.footnav ul{background: #0658a7;text-align: center;}
.footnav ul li{display: inline-block;width: 115px;text-align: center;font-size: 16px;height: 50px;line-height: 50px;}
.footnav ul li a{color: #fff;}
.footnav ul li.on a,.footnav ul li:hover a{ color: #ffe100;}
.footer p{text-align: center;font-size: 16px;color: #fff;}

/***********************************************************/
/*wenhua*/
.wenhua{height: 380px;background: url(../images/b5.jpg) center center no-repeat;text-align:center;padding-top: 60px;margin-top: 50px;}
.wenhua .tit{ height:62px;color:#FFFFFF;font-family:微软雅黑;font-size:24px;line-height:33.6px;}
.wenhua .p1{ line-height:2;font-size:16px;font-family:'Microsoft YaHei';color:#FFFFFF;}
.wenhua .p2{ line-height:2;font-size:14px;font-family:'Microsoft YaHei';color:#FFFFFF;}

/*tolianxi*/
.tolianxi{ width: 531px;margin:30px auto 0;text-align:center;}
.tolianxi .p1{ font-size: 24px; line-height: 2; color: #000000;}
.tolianxi .p2{ font-size: 16px; line-height: 2;}
.tolianxi a{ display:inline-block;width: 219px; height: 50px;line-height: 50px; background: url(../images/lxw.png) no-repeat center center;font-size: 16px; color: #FFFFFF;margin-top: 10px;}

/*nleft*/
.nleft{width:220px;float: left;}
.nleft .nnav{ }
.nleft .nnav li{height: 60px;line-height: 60px;margin-bottom: 10px;background: #F2F2F2;text-align: center;}
.nleft .nnav li a{font-size: 14px;font-family: SimSun;color: #000;}
.nleft .nnav li:hover,.nleft .nnav li.on{ background: #0658a7;}
.nleft .nnav li:hover a,.nleft .nnav li.on a{ color: #fff;}

/*nnav1*/
.nnav1{height: 70px;background: #f2f2f2;}
.nnav1 ul li{width: 1280px;height: 30px;line-height: 30px;float: left;text-align: left; overflow:hidden;color: #113dfa; font-size:16px; font-weight:bold;}

/*nright*/
.nright{width: 945px;float: right;}

/*newslist*/
.newslist{ }
.newslist ul li{overflow: hidden;border: 1px solid #CCCCCC;margin-bottom: 20px;padding: 20px;}
.newslist ul li .pic{width: 320px;float: left;}
.newslist ul li .pic img{ width: 320px; height: 200px;}
.newslist ul li .txt{width: 560px;float: right;}
.newslist ul li h2{font-size: 18px;color: #000000;font-weight: normal;line-height: 36px;margin-bottom: 5px;border-bottom: 1px dotted #ccc;}
.newslist ul li p{font-size: 14px;line-height: 30px !important;}
.newslist ul li span{font-size: 12px;}
.newslist ul li span a{float: right;}

/*prolist*/
.prolist{ }
.prolist ul li{width: 285px;float: left;margin-right: 20px;margin-bottom: 20px;text-align:center;}
.prolist ul li img{width: 285px;height: 210px;}
.prolist ul li p{font-size: 18px;line-height: 36px;}
.prolist ul li a{ }

/*详情页*/
h1.title{font-size: 18px;font-weight: bold;text-align: center;line-height: 35px;word-break: break-all;word-wrap: break-word;}
.time{border-bottom: dashed 1px #cccccc;height: 30px;line-height: 30px;overflow: hidden;font-size: 12px;}
.time span.sp1{float: left;}
.time span.sp2{float: right;}
.picimg{ text-align:center;margin:30px auto;}
.picimg img{ max-width:800px;}
.description{border-bottom: 2px solid #0658a7;}
.description span{display: inline-block;height: 40px;line-height: 40px;background: #0658a7;color: #fff;padding: 0 34px;font-size: 18px;}
.info{margin: 20px 0;padding: 10px;}
.info img{ max-width:800px;}

/*pagecon*/
.pagecon{margin: 30px auto;text-align: center;}
.pagecon li{ }
.pagecon li span,.pagecon li a{display: inline-block;background: #e8e8e8;padding: 2px 12px;}
.pagecon li a:hover,.pagecon li a.active{background: #0658a7;color: #fff;}
.pagecon .prev-a{text-align: left;}
.pagecon .next-a{text-align: left;}